<!DOCTYPE html>
<html>
  <head>
    <title>login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style>
      .container {
        max-width: 1000px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-sm-5 col-sm-offset-1">
          <h1>Login</h1>
          <br>
          <form role="form" method="POST" action="/login">
            <div class="form-group">
              <input type="text" name="user" class="form-control" id="user-box" placeholder="Enter User Name..." style="max-width: 300px;">
              <input type="password" name="pwd" class="form-control" id="pwd-box" placeholder="Enter Password..." style="max-width: 300px;">
              <input type="chain-path" name="chain-path" class="form-control" id="chain-path-box" placeholder="Enter Chain Path..." style="max-width: 300px;">
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
          </form>
          <br>
          {% for error in errors %}
            <h4>{{ error }}</h4>
          {% endfor %}
          <br>
        </div>
      </div>
    </div>
    <br><br>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  </body>
</html>
